﻿@model Chilis.Proveedores.Web.Models.CrearEvaluacionModel
@{
    ViewBag.Title = "Crear Plantilla de Evaluación";
}
<script type="text/javascript">

    var listaCriterios = "";
    var urlSearch = '@Url.Action("ConvocatoriaDatos", "Evaluacion")';
    var urlRegistrar = '@Url.Action("RegistrarEvaluacion", "Evaluacion")';

    $(document).ready(function () {
        $("#Convocatorias").change(function () {
            var id = "";
            $("#Convocatorias option:selected").each(function () {
                id += $(this).val() + "";
            });
            var paramSearch = "{ 'codigo': '" + id + "' }";
            if (id != "") {
                $.ajax({
                    url: urlSearch,
                    type: "POST",
                    data: paramSearch,
                    contentType: "application/json",
                    dataType: "json",
                    success: function (result) {
                        if (result != "") {

                            $("#DatosConvocatoria_FechaInicio").val(result.FechaInicio);
                            $("#DatosConvocatoria_FechaFin").val(result.FechaFin);
                            $("#DatosConvocatoria_Requerimiento").val(result.Requerimiento);

                        } else {
                            $("#DatosConvocatoria_FechaInicio").val("");
                            $("#DatosConvocatoria_FechaFin").val("");
                            $("#DatosConvocatoria_Requerimiento").val("");
                        }

                    },
                    error: msgError
                });
            } else {
                $("#DatosConvocatoria_FechaInicio").val("");
                $("#DatosConvocatoria_FechaFin").val("");
                $("#DatosConvocatoria_Requerimiento").val("");
            }
        }).trigger('change');
    });

    function SalirEvaluacion() {
        document.location = '@Url.Action("Index", "Home")'
    }

    function GrabarEvaluacion() {
        var Convocatoria = $("#Convocatorias option:selected").val();
        var NombreResponsable = $("#NombreResponsable").val();
        var ApellidoResponsable = $("#ApellidoResponsable").val();
        var FechaEvaluacion = $("#FechaEvaluacion").val();
        paramSave = "{ 'IdConvocatoria' : '" + Convocatoria + "', 'NombreResponsable' : '" + NombreResponsable + "', 'ApellidoResponsable' : '" + ApellidoResponsable + "', 'FechaEvaluacion' : '" + FechaEvaluacion + "','Criterios' : [" + listaCriterios + "] }";
        
        $.ajax({
            url: urlRegistrar,
            type: "POST",
            data: paramSave,
            contentType: "application/json",
            dataType: "json",
            success: function (result) {
                if (result.resultado.split("|")[0] == "1") {
                    alert(result.resultado.split("|")[1]);
                    document.location = '@Url.Action("CrearEvaluacion", "Evaluacion")'
                } else {
                    alert(result.resultado.split("|")[1])
                }

            },
            error: msgError
        });
    }

    function AgregarCriterio() {
        var criterio = $("#Criterios option:selected").text();
        var idcriterio = $("#Criterios option:selected").val();
        var subcriterio = $("#SubCriterio").val();
        var puntaje = $("#Puntaje").val();
        if (criterio == "" || subcriterio == "" || puntaje == "") {
            alert("Ingresar los datos del criterio");
            return;
        }
        $("#tbCriterios tbody").append("<tr><td>" + criterio + "</td><td>" + subcriterio + "</td><td>" + puntaje + "</td></tr>");

        listaCriterios += (listaCriterios == "" ? "" : ",") + "{'IdCriterio': " + idcriterio + ",'SubCriterio':'" + subcriterio + "','PuntajeMaximo':" + puntaje + "}";
        $("#Criterios").val("")
        $("#SubCriterio").val("")
        $("#Puntaje").val("")
    }

    function msgError(error) {
        var err = (typeof error.responseText) == 'string' ? eval('(' + error.responseText + ')') : error.responseText;
        alert('Error: ' + err.Message);
    }
</script>
<h1>Crear Plantilla de Evaluaci&oacute;n</h1>
<fieldset>
<legend style="text-align: left">B&uacute;squeda</legend>
<table>
    <tr>
    <td>@Html.LabelFor(m => m.Convocatorias):</td>
    <td>
        @Html.DropDownListFor(m => m.Convocatorias, Model.Convocatorias, "(Seleccione una Convocatoria)")
    </td>
    </tr>
</table>
</fieldset>
<br />
<fieldset>
<legend style="text-align: left">Datos Convocatoria</legend>
<table cellpadding="2" cellspacing="2" style="border-collapse: collapse;">
    <tr>
        <td>@Html.LabelFor(m => m.DatosConvocatoria.FechaInicio)</td>
        <td>@Html.TextBoxFor(m => m.DatosConvocatoria.FechaInicio, new Dictionary<string, object>() { { "readonly", "true" }, { "style", "width: 100px" } })</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.DatosConvocatoria.FechaFin)</td>
        <td>@Html.TextBoxFor(m => m.DatosConvocatoria.FechaFin, new Dictionary<string, object>() { { "readonly", "true" }, { "style", "width: 100px" } })</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.DatosConvocatoria.Requerimiento)</td>
        <td>@Html.TextAreaFor(m => m.DatosConvocatoria.Requerimiento, new Dictionary<string, object>() { { "readonly", "true" }, { "rows", "5" }, { "style", "width: 300px" } })</td>
    </tr>
</table>
</fieldset>
<br />
<fieldset>
<legend style="text-align: left">Evaluaci&oacute;n</legend>
<table cellpadding="2" cellspacing="2" style="border-collapse: collapse;">
    <tr>
        <td>@Html.LabelFor(m => m.NombreResponsable)</td>
        <td>@Html.TextBoxFor(m => m.NombreResponsable, new Dictionary<string, object>() { { "style", "width: 250px" } })</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.ApellidoResponsable)</td>
        <td>@Html.TextBoxFor(m => m.ApellidoResponsable, new Dictionary<string, object>() { { "style", "width: 250px" } })</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.FechaEvaluacion)</td>
        <td>@Html.TextBoxFor(m => m.FechaEvaluacion, new Dictionary<string, object>() { { "class", "datepicker" }, { "style", "width: 100px" } })</td>
    </tr>
</table>
</fieldset>
<br />
<fieldset>
<table cellpadding="2" cellspacing="2" style="border-collapse: collapse;">
    <tr>
        <td>@Html.LabelFor(m => m.Criterios)</td>
        <td>@Html.DropDownListFor(m => m.Criterios, Model.Criterios, "(Seleccione criterio)")</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.CriteriosEvaluacion.FirstOrDefault().SubCriterio)</td>
        <td>@Html.TextBoxFor(m => m.CriteriosEvaluacion.FirstOrDefault().SubCriterio, new Dictionary<string, object>() { { "style", "width: 250px" } })</td>
    </tr>
    <tr>
        <td>@Html.LabelFor(m => m.CriteriosEvaluacion.FirstOrDefault().Puntaje)</td>
        <td>@Html.TextBoxFor(m => m.CriteriosEvaluacion.FirstOrDefault().Puntaje, new Dictionary<string, object>() { { "class", "onlyNum" } })
        <input type="button" value="Agregar" onclick="AgregarCriterio()" />
        </td>        
    </tr>
</table>
<table id="tbCriterios" class="mGrid" cellpadding="2" cellspacing="2" style="width: 90%; border-collapse: collapse;">
    <thead>
        <tr>
            <th>Criterio</th>
            <th>Sub-criterio</th>
            <th>Puntaje</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
</fieldset>
<br />
<table cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse;">
<tr>
<td>
<input type="button" value="Grabar" onclick="GrabarEvaluacion()" />
<input type="button" value="Salir" onclick="SalirEvaluacion()" />
</td>
</tr>
</table>
